layui.use(['layer','form', 'table', 'laypage'],function (){
    var layer = layui.layer,
        form = layui.form,
        table = layui.table,
        laypage = layui.laypage


    var vm = new Vue({
        el:"#dd",
        data:{

        },
        mounted(){
            this.getAllMenu(1,10);
        },
        methods:{
            getAllMenu(page,size){
                var that = this;
                $.ajax({
                    url: '/future/menu/menuList/'+page+"/"+size,
                    dataType: "json",
                    success: function (res) {
                        console.log(res.pageInfo);
                        table.render({
                            elem: '#currentTableId',
                            defaultToolbar: ['filter', 'exports', 'print', {
                                title: '提示',
                                layEvent: 'LAYTABLE_TIPS',
                                icon: 'layui-icon-tips'
                            }],
                            data: res.pageInfo.list,
                            cols: [[
                                {type: "numbers", title: "序号",width:"10%"},
                                {field: 'menuname', width: "20%", title: '菜单名称'},
                                {field: 'lastmenuid', title: '菜单级', width: "20%",templet(d) {
                                        if (d.lastmenuid == ""||d.lastmenuid == null||d.lastmenuid == undefined) {
                                            return '一级菜单';
                                        } else {
                                            return '二级菜单';
                                        }
                                    }
                                },
                                {field: 'htmlpath', width: "30%", title: '页面路径'},
                                {title: '操作', width: "20%", toolbar: '#currentTableBar', align: "center"}
                            ]],
                            done: function (e) {
                                console.log("分页---", e);
                                laypage.render({
                                    elem: 'page', //注意，这里的 page 是 ID，不用加 # 号
                                    count: res.pageInfo.total, //数据总数，从服务端得到
                                    curr: page,
                                    limit: size, // 每页条数
                                    prev: "<<",
                                    next: ">>",
                                    theme: "#0099ff",
                                    layout: ['count', 'prev', 'page', 'next'],
                                    skip: true,
                                    jump(obj, first) {
                                        if (!first) {
                                            that.getAllMenu(obj.curr, 10);//查询当页数据
                                        }
                                    }
                                });
                            },
                            page: false,
                        });
                        form.render();
                    }

                })
            }
        }
    })

})


// layer.open({
//     type: 1
//     ,title: "修改密码" //不显示标题栏
//     ,closeBtn: false
//     ,area: ['40%','40%']
//     ,shade: 0.8
//     ,btn: ['确认','取消']
//     ,moveType: 1 //拖拽模式，0或者1
//     ,content: $('#openPage')
//     ,success: function(layero){
//         $("#openPage").removeClass("layui-hide");
//     },
//     yes: function(index, layero){
//         console.log(vm.$data.NewPwd);
//         if(!pwdReg.test(vm.NewPwd)){
//             layer.alert("密码须为 字母+数字 / 字母+特殊字符 / 数字+特殊字符 组合");
//             return false;
//         }
//         if(that.ConfirmPwd!==that.NewPwd){
//             layer.alert("两次密码输入不一致");
//             return false;
//         }
//         $.ajax({
//             url: "/future/manager/setPwd",
//             type: "POST",
//             data:JSON.stringify({mid:res.data.pojo.mid,mpwd:that.NewPwd}),
//             contentType:"application/json;charset=utf-8",
//             dataType:"json",
//             async:false,
//             success(res){
//                 console.log("返回码---",res.code);
//                 if("200"!=res.code){
//                     layer.alert(res.message);
//                     return false;
//                 }else{
//                     layer.msg("登录成功",{icon:1,time:3000},()=>{
//                         sessionStorage.setItem("manageInfo",JSON.stringify(data));
//                         window.location.href="index.html";
//                     });
//                 }
//             },error(err){
//                 layer.alert(err);
//             }
//         })
//     },
//     cancel: function(index) {
//         return true;
//     }
// });